<template>
	<view class="">
		<view class="box">
			<calendar :is-fixed="false" :init-month="2" :is-show="true"  :start-date="startDate" :end-date="endDate" mode="2"  @callback="getDate">
				<template v-slot:footer>
					<div class="date-foot">完成</div>
				</template>
			</calendar>
		</view>
	</view>
</template>

<script>
	 import Calendar from '@/components/mobile-calendar-simple/Calendar.vue'
	    export default {
	        data(){
	            return {//日期均为yyyy-mm-dd或者yyyy/mm/dd格式
	                startDate:'',
	                endDate:'',
	                betweenStart:'',
	                betweenEnd:'',
	            }
	        },
	        methods:{
	            //获取回调的日期数据
	            getDate(date){
	                console.log(date)
	            }
	        },
	        components:{
	            Calendar
	        }
	    }
</script>

<style>
	/* .box {
		position: fixed;
		top: 44px;
	} */
	.date-foot {
		padding: 20rpx;
		width: 90%;
		margin: 0 auto;
		background-color: #1c75ff;
		color: #fff;
		border-radius: 200px;
		text-align: center;
		
	}
</style>
